.page-box {
    .header {
        height: 543rpx;
        box-sizing: border-box;
        background: linear-gradient(180deg, #1226aa 60%, #ebeef5 100%);
    }
    .section {
        margin: -490rpx 32rpx 32rpx 32rpx;
        background: #ffffff;
        border-radius: 20rpx;
        padding: 24rpx 24rpx 24rpx 24rpx;
        .title {
            font-weight: 600;
            font-size: 24rpx;
            color: #2e3233;
            line-height: 33rpx;
        }
        .id-card {
            margin: 12rpx auto 0;
            width: 300rpx;
            height: 168rpx;
            background: url('http://www.szxlyc.com/uploads/product/20241205/de36fd6ea5386893634a2aca01d520ce.png') no-repeat center;
            background-size: cover;
            .iconfont {
                font-size: 88rpx;
                color: #1226aa;
            }
            .tt {
                margin-top: 4rpx;
                font-weight: 600;
                font-size: 24rpx;
                color: #2e3233;
                line-height: 33rpx;
            }
        }
        .desc {
            margin-top: 22rpx;
            font-weight: 400;
            font-size: 24rpx;
            color: #6e767a;
            line-height: 33rpx;
        }
        .input-wrap {
            .input-box {
                margin-bottom: 24rpx;
                .title {
                    margin-bottom: 12rpx;
                    &.required:before {
                        content: '*';
                        color: #1226aa;
                    }
                }
                .uni-input {
                    padding-left: 24rpx;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    border: 1px solid #d7dae0;
                    font-size: 24rpx;
                }
            }
        }
    }
    .btn {
        margin: 0 32rpx;
        height: 100rpx;
        background: #1226aa;
        border-radius: 50rpx;
        font-weight: 400;
        font-size: 28rpx;
        color: #ffffff;
        &.disabled {
            opacity: 0.7;
        }
    }
}

.popup-content {
    .content {
        position: relative;
        width: 548rpx;
        height: 566rpx;
        background: linear-gradient(180deg, #f6f2ea 0%, #ffffff 100%);
        border-radius: 20rpx;
        .ico {
            position: absolute;
            top: -41rpx;
            left: 0;
            right: 0;
            width: 125rpx;
            height: 127rpx;
            margin: 0 auto;
            image {
                width: 125rpx;
                height: 127rpx;
            }
        }
        .t1 {
            margin-top: 99rpx;
            font-weight: 600;
            font-size: 32rpx;
            color: #f5a518;
            line-height: 45rpx;
            margin-bottom: 10rpx;
        }
        .t2 {
            font-size: 26rpx;
            color: #2e3233;
            line-height: 37rpx;
        }
        .t3 {
            font-size: 26rpx;
            color: #f5a518;
            line-height: 37rpx;
            margin: 0 2rpx;
        }
        .price {
            width: 468rpx;
            height: 148rpx;
            background: #ffffff;
            border-radius: 16rpx;
            font-weight: 600;
            font-size: 78rpx;
            color: #2e3233;
            line-height: 68rpx;
            margin-top: 45rpx;
            margin-bottom: 44rpx;
        }
        .pay {
            width: 468rpx;
            height: 88rpx;
            background: #1226aa;
            border-radius: 44rpx;
            font-size: 28rpx;
            color: #ffffff;
        }
    }
    .icon-a-tubiaochangyongsousuo9 {
        position: absolute;
        bottom: -110rpx;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 64rpx;
        color: #fff;
    }
}
